﻿<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<title></title>
<!-- Favicon Icon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Plugins -->
<link rel="stylesheet" href="css/core.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
</head>

<body id="top" class="stickyfooter header-fixed">
<div class="animsition">
	<div class="content">
		<header class="header-wrap no-transparent">
			<div class="header-container">
				<div class="container clearfix">
					<div class="pull-left">
						<!-- Logo -->
						<a href="index.html" class="logo clearfix">MINIDARK</a>
					</div>
					<div class="pull-right">
						<!-- Menu Burger -->
						<a href="#" class="fullscreen-menu-toggle">
							<span>Menu</span>
							<i class="menu-bars">
								<i></i>
								<i></i>
								<i></i>
							</i>
						</a>
					</div>

				</div>
			</div>
			<!-- End header-container -->
		</header>
		<div id="fullscreen-navigation">
			<div class="inner-wrap">
				<nav>
					<ul class="nav_menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About US</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<!-- End fullscreen-navigation -->
		<section class="jarallax" style="background-image: url('img/bg/05.png');">
			<div class="container">
				<div class="aligner">
					<div class="aligner-item page-title">
						<h1>We Are MiniDark</h1>
						<p>Creative Digital Agency</p>
					</div>
				</div>
			</div>
		</section>
		<!-- End section -->
		<main>
			<!-- Service Item -->
			<section class="pt-50">
				<div class="container">
					<!-- <div class="mb30">
						<h5>Service Item</h5>
					</div> -->
					<div class="row">
						<div class="col-md-4">
							<div class="service-box">
								<div class="icon-holder">
									<i class="pe-light"></i>
								</div>
								<div class="content-holder">
									<h5>idea</h5>
									<span>Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus.&nbsp;</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="service-box">
								<div class="icon-holder">
									<i class="pe-help2"></i>
								</div>
								<div class="content-holder">
									<h5>Support</h5>
									<span>Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus.&nbsp;</span>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="service-box">
								<div class="icon-holder">
									<i class="pe-graph2"></i>
								</div>
								<div class="content-holder">
									<h5>Seo Optimization</h5>
									<span>Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus.&nbsp;</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="section">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="row">
								<div class="col-md-6 col-sm-12 col-xs-12">
									<!-- Image Slider -->
									<div class="image-slider-wrap" data-visible-dots="true" data-visible-nav="true">
										<div class="image-slider">
											<div class="flexslider">
												<!-- Blind -->
												<div class="blind-01"></div>
												<div class="blind-02"></div>
												<!-- Slides -->
												<ul>
													<li>
														<img src="img/bg/03.png" alt="">
													</li>
													<li>
														<img src="img/bg/04.png" alt="">
													</li>
												</ul>

											</div>
										</div>
									</div>
									<!-- End Image Slider -->
								</div>
								<div class="col-md-6 col-sm-12 col-xs-12">
									<p class="text-justify">Saepe nulla, id sint consectet vitae pariatur iure eum, omnis, expedita aspernatur minima distinctio minus nesciunt! Cupiditate quidem accusantium ab non. Animi pariatur esse reprehenderit laudantium nam sapiente, praesentium similique.</p>
									<div class="progress-bar">
										<h6>Web INTERIORS</h6>
										<div class="progress-outer">
											<div class="progress-inner">
												<span>95</span>
											</div>
										</div>
									</div>
									<div class="progress-bar">
										<h6>Desginer</h6>
										<div class="progress-outer">
											<div class="progress-inner">
												<span>80</span>
											</div>
										</div>
									</div>
									<div class="progress-bar">
										<h6>Wordpress</h6>
										<div class="progress-outer">
											<div class="progress-inner">
												<span>70</span>
											</div>
										</div>
									</div>
									<div class="progress-bar">
										<h6>Our Achievements</h6>
										<div class="progress-outer">
											<div class="progress-inner">
												<span>50</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- Team Members -->
			<div class="team-area">
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<div class="team-item">
								<img src="img/team/team1.png" alt="">
								<div class="team-content">
									<div class="team-name">
										Mark John De
									</div>
									<div class="team-function">
										Developer
									</div>
									<div class="team-social">
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-facebook"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-twitter"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-google-plus"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-rss"></i>
										</a>
									</div>
								</div>
							</div>
							<!-- END TEAM-ITEM -->
						</div>
						<div class="col-md-4">
							<div class="team-item">
								<img src="img/team/team2.png" alt="">
								<div class="team-content">
									<div class="team-name">
										Robert Albert
									</div>
									<div class="team-function">
										Photographer
									</div>
									<div class="team-social">
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-facebook"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-twitter"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-google-plus"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-rss"></i>
										</a>
									</div>
								</div>
							</div>
							<!-- END TEAM-ITEM -->
						</div>
						<div class="col-md-4">
							<div class="team-item">
								<img src="img/team/team3.png" alt="">
								<div class="team-content">
									<div class="team-name">
										Prince Leo
									</div>
									<div class="team-function">
										INTERIOR
									</div>
									<div class="team-social">
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-facebook"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-twitter"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-google-plus"></i>
										</a>
										<a href="#" data-toggle="tooltip" data-placement="top">
											<i class="fa fa-fw fa-rss"></i>
										</a>
									</div>
								</div>
							</div>
							<!-- END TEAM-ITEM -->
						</div>
					</div>
				</div>
			</div>
			<!-- End section -->
			<div class="client-area pt-80 pb40">
				<div class="container">
					<div class="row">
						<div class="col-sm-3 col-xs-6 sm-mb-30">
							<div class="logo-wrap" data-toggle="tooltip" data-placement="top" title="Minimal">
								<a href="#" class="clearfix"><img src="img/client/logo1.png" alt="Minimal"></a>
							</div>
						</div>
						<div class="col-sm-3 col-xs-6 sm-mb-30">
							<div class="logo-wrap" data-toggle="tooltip" data-placement="top" title="Minimalist">
								<a href="#" class="clearfix"><img src="img/client/logo2.png" alt="Minimalist"></a>
							</div>
						</div>
						<div class="col-sm-3 col-xs-6">
							<div class="logo-wrap" data-toggle="tooltip" data-placement="top" title="Creative">
								<a href="#" class="clearfix"><img src="img/client/logo3.png" alt="Creative"></a>
							</div>
						</div>
						<div class="col-sm-3 col-xs-6">
							<div class="logo-wrap" data-toggle="tooltip" data-placement="top" title="Legend">
								<a href="#" class="clearfix"><img src="img/client/logo4.png" alt="Red Cups"></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End section -->
		</main>
		<a href="#top" class="scroll-top scroll-top-hidden">
			<i class="fa fa-angle-up"></i>
		</a>
		<!-- End scroll-top -->
	</div>
	<!-- End content -->
	<footer>
		<div class="footer">
			<div class="container">
				<div class="text-center">
					<!-- Footer Logo Text -->
					<a href="index.html" class="logo clearfix">Minidark</a>
					<div class="footer-socials">
						<a href="#" data-toggle="tooltip" data-placement="top" title="facebook">
							<i class="fa fa-fw fa-facebook"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="twitter">
							<i class="fa fa-fw fa-twitter"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="google plus">
							<i class="fa fa-fw fa-google-plus"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="rss">
							<i class="fa fa-fw fa-rss"></i>
						</a>
					</div>
					<!-- End socials -->
					<!-- End footer-menu -->
					<p class="copy">
						Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.smallseashell.com/"></a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- End footer -->
</div>
<!-- End animsition -->
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/libs.js"></script>
<!-- Custom -->
<script src="js/main.js"></script>
<script src="js/script.js"></script>
</body>
</html>
